//入口函数包裹,方便折叠
$(function () {


  //点击去注册切换到注册页面
  $('#link-reg').on('click', function () {
    //注册页面显示
    $('.reg-box').show()
    //登录页面隐藏
    $('.login-box').hide()
  })


  //点击登录切换回登录界面
  $('#link-login').on('click', function () {
    //显示登录界面
    $('.login-box').show()
    //隐藏注册页面
    $('.reg-box').hide()
  })


  //使用layui.form.verify() 自定义校验规则
  layui.form.verify({
    //键:值
    //自定义校验规则的名字:自定义校验规则
    //用户名规则
    uname: [/^[a-zA-Z0-9]{1,10}$/, '用户名必须是1-10位数字或字母'],
    // 密码规则
    pwd:[/^\S{6,15}$/,'密码必须是6-15位非空字符串'],
    // 确认密码规则
    repwd: function (value) {
      // 获取密码框内容
      let pwd = $('.reg-box [name="password"]').val()
      console.log(pwd)
      // 对比密码框与确认密码框的内容是否相等
      if (pwd !== value) {
        return '两次密码不一致'
      }
    }
  })


  //点击注册表单提交事件(监听)
  $('.reg-box form').on('submit', function (e) {
    // 事件对象参数阻止submit的默认提交行为
    e.preventDefault()
    //发起post请求
    axios.post('http://www.liulongbin.top:3008/api/reg',
      //获取form表单的所有数据
      $(this).serialize()).then(({ data: res }) => {
        // 根据接口文档的返回内容设置判断条件是否注册成功
        if (res.code == 0) {
          //根据表单layui中文文档找到layer.msg()方法输出提示信息
          layer.msg('注册成功,请登录')
          // 模拟点击事件点击"去登陆"已达到切换到登录界面的目的
          $('#link-login').click()
        } else {
          // 登录失败输出
          layer.msg(res.message)
        }
    })
  })


 //点击注册表单提交事件(监听)
 $('.login-box form').on('submit', function (e) {
  // 事件对象参数阻止submit的默认提交行为
  e.preventDefault()
  //发起post请求
  axios.post('http://www.liulongbin.top:3008/api/login',
    //获取form表单的所有数据
    $(this).serialize()).then(({ data: res }) => {
      // 根据接口文档的返回内容设置判断条件是否注册成功
      if (res.code == 0) {
        //根据表单layui中文文档找到layer.msg()方法输出提示信息
        layer.msg('登陆成功')
        // 将获取的登录的标志保存到本地储存
        localStorage.setItem('token', res.token)
        // 后台跳转页面
        location.href='/index.html'
      } else {
        // 登录失败输出
        layer.msg(res.message)
        // 登录失败删除所有的本地储存
        localStorage.removeItem('token')
      }
  })
})
  





})